<template>
  <div>
    <editor v-model="content" />

    <div class="output-group m-4 text-red">
      <label>Content</label>
      <code>{{ content }}</code>
    </div>
  </div>
</template>

<script setup lang="ts">
import Editor from '../TiptapDoc/index.vue'

const content = ref('<p>A Vue.js wrapper component for Tiptap to use <code>v-model</code>.</p>')

</script>